<%@ page language="java"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Revauc</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" type="text/css"
	href="css/jquery.lightbox-0.5.css" media="screen" />
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</head>

<body>
	<div id="wrap">
	<div class="top-nav">
	<ul class="menu">
		<li><a href="JavaScript:void(0);">Home</a></li>
		<li>|</li>
		<li><a href="JavaScript:void(0);">About Revauc</a></li>
		<li>|</li>
		<li><a href="JavaScript:void(0);">Blog</a></li>
		<li>|</li>
		<li><a href="JavaScript:void(0);">How it works</a></li>
	</ul>
	<ul class="account-settings">
		<li><a href="JavaScript:void(0);">My Dashboard</a></li>
		<li>|</li>
		<li><a href="JavaScript:void(0);"><span>13</span>&nbsp;Notifications</a></li>
		<li>|</li>
		<li><a href="JavaScript:void(0);">John Pandey<img
			src="images/down-arrow.png" /></a></li>
	</ul>
	</div>
	<!---End of top-nav--->
	<div class="clearfix"></div>
	<div id="header"><a href="#"><img src="images/logo.png" /></a>
	<div class="search-data">
	<div class="lt-bg"></div>
	<div class="cr-bg">
	<ul>
		<li><a href="JavaScript:void(0);">Market Place</a></li>
		<li><a href="JavaScript:void(0);">Create new deal</a></li>
		<li class="active"><a href="JavaScript:void(0);"
			class="search-cat">View Master Catalouge</a><span class="right-bg"></span></li>
		<li><input type="text" class="search-input" /><a
			href="JavaSAcript:void(0);" class="search-btn">Search</a></li>
	</ul>
	</div>
	<div class="rt-bg"></div>
	</div>
	<!---End of search-data---></div>
	<!-- #header -->
	<div class="content">
	<div class="content-top-bg"></div>
	<div class="content-mid-bg">
	<h1 class="margin-b">Register</h1>

	<div class="pad">

	<div class="tab-cont bor-curve form-tab">
	<ul class="tab-ul">
		<li class="bor-l-n">As a buyer</li>
		<li class="act-tab">As a seller</li>
	</ul>
	<div class="tab-content" style="display: none">
	<h3>Personal Information</h3>
	<ul class="form-ul">
		<li><label class="fld-ttl">Username</label>
		<input type="text" /> <span class="required-fld">*</span></li>
		<li><label class="fld-ttl">Password</label>
		<input type="password" /> <span class="required-fld">*</span></li>
		<li><label class="fld-ttl">First name</label>
		<input type="text" /> <span class="required-fld">*</span></li>
		<li><label class="fld-ttl">Last name</label><input type="text" />
		 <span class="required-fld">*</span></li>
		<li><label class="fld-ttl">Email Id</label> <input type="text" />
		 <span class="required-fld">*</span></li>
		<li><label class="fld-ttl">Phone Number</label> <input
			type="text" /> <span class="required-fld">*</span></li>
	</ul>
	<div class="hr clear"></div>
	<h3>Your Adress</h3>
	<ul class="form-ul">
		<li><label class="fld-ttl">Address Line 1</label> <input
			type="text" /> <span class="required-fld">*</span></li>
		<li><label class="fld-ttl">Address Line 2</label> <input
			type="text" /> <span class="required-fld">*</span></li>
		<li><label class="fld-ttl">City</label> <input type="text" /> <span
			class="required-fld">*</span></li>
		<li><label class="fld-ttl">State</label> <input type="text" /> <span
			class="required-fld">*</span></li>
		<li><label class="fld-ttl">Phone Code</label> <input type="text" />
		<span class="required-fld">*</span></li>
	</ul>
	<div class="submit-cont">
	<button type="submit"><span>Register</span></button>
	</div>
	<!-- submit-cont--></div>
	<!--.tab-content -->
	<div class="tab-content">
	<form:form action="${pageContext.request.contextPath}/doRegister.html" method="post" commandName="userProfile">
	<h3>Personal Information</h3>
	<ul class="form-ul">
		<li><label class="fld-ttl">Username</label>
		<form:input autocomplete="off" maxlength="35" data-validate='""'
			size="25" path="userId" /> <span class="required-fld">*</span></li>
		<li><label class="fld-ttl">Password</label>
		<form:input autocomplete="off" maxlength="35" data-validate='""'
			size="25" path="password" /> <span class="required-fld">*</span></li>
		<li><label class="fld-ttl">First Name</label> 
		<form:input autocomplete="off" maxlength="35" data-validate='""'
			size="25" path="firstName" /> <span class="required-fld">*</span></li>
		<li><label class="fld-ttl">Last Name</label> <form:input
			autocomplete="off" maxlength="35" data-validate='""' size="25"
			path="lastName" /> <span class="required-fld">*</span></li>
		<li><label class="fld-ttl">Email</label> <form:input
			autocomplete="off" maxlength="35" data-validate='""' size="25"
			path="email" /> <span class="required-fld">*</span></li>
		<li><label class="fld-ttl">Phone Number</label> <input
			type="text" /> <span class="required-fld">*</span></li>
	</ul>
	<div class="hr clear"></div>
	<h3>Your Adress</h3>
	<ul class="form-ul">
		<li><label class="fld-ttl">Address Line 1</label> <input
			type="text" /> <span class="required-fld">*</span></li>
		<li><label class="fld-ttl">Address Line 2</label> <input
			type="text" /> <span class="required-fld">*</span></li>
		<li><label class="fld-ttl">City</label> <input type="text" /> <span
			class="required-fld">*</span></li>
		<li><label class="fld-ttl">State</label> <input type="text" /> <span
			class="required-fld">*</span></li>
		<li><label class="fld-ttl">Phone Code</label> <input type="text" />
		<span class="required-fld">*</span></li>
	</ul>
	<div class="hr clear"></div>
	<h3>Pay Registration Fees <span>(You will be redirected to
	new page)</span></h3>
	<div class="pay-reg-cont">
	<div class="inline-fld"><input type="radio" /> Credit Card</div>
	<div class="inline-fld"><input type="radio" /> Debit Card</div>
	<div class="inline-fld"><input type="radio" /> Net banking</div>
	<div class="inline-fld">
	<button type="submit"><span>Go</span></button>
	</div>
	</div>
	<div class="submit-cont">
	<input name="register" type="submit" value="Register" />
	</div>
	</form:form>
	<!-- submit-cont--></div>
	<!--.tab-content --></div>
	<!--.tab-cont --></div>
	</div>
	<!---End of content-mid-bg--->
	<div class="content-bottom-bg"></div>
	</div>
	<!---End of content--->
	<div id="footer">
	<div>&copy; Copyright Ravauc India pvt.ltd. 2011</div>
	<a href="#">Terms & Conditions </a> | <a href="#">Site Map</a> | <a
		href="#"> Verisign Secure Site</a> | <a href="#">CC Avenue</a></div>
	<!--#footer -->
	<div class="clear"></div>
	</div>
	<!-- #wrap -->
</body>
</html>
